Upgrade Angular from 9.0.1 to 18 #77
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Upgraded @angular/core and @angular/cli to version 10 - Removed deprecated 'extractCss' option from angular.json - Renamed browserslist to .browserslistrc (Angular 10+ convention) - Updated TSLint to version 6 - Updated TypeScript compiler options (module and target) - Verified production build works successfully Co-Authored-By: Kevin Tang <[email protected]>
- Upgraded @angular/core and @angular/cli to version 11 - Updated TypeScript to version 4.0 - Updated RouterModule configuration for relativeLinkResolution - Applied migrations for AbstractControl.parent null handling - Replaced ViewEncapsulation.Native with ViewEncapsulation.ShadowDom - Renamed async to waitForAsync in testing - Verified production build works successfully Co-Authored-By: Kevin Tang <[email protected]>
- Upgraded @angular/core and @angular/cli to version 12 - Updated TypeScript to version 4.3.5 - Updated zone.js to version 0.11.x - Removed 'emitDecoratorMetadata' from tsconfig.json - Updated lazy loading syntax to use dynamic imports - Removed deprecated ViewEngine-based i18n options - Updated Web Worker usage for Webpack 5 - Replaced deprecated '--prod' flag with '--configuration production' - Made ActivatedRouteSnapshot.fragment nullable - Migrated /deep/ selector to ::ng-deep - Verified production build works successfully Co-Authored-By: Kevin Tang <[email protected]>
- Upgraded @angular/core and @angular/cli to version 13 - Updated TypeScript to version 4.6.4 - Removed IE11 polyfills (no longer supported) - Updated .gitignore to include .angular/cache - Removed deprecated options from angular.json - Migrated [routerLink]="" to [routerLink]="[]" - Updated TestBed teardown flag for existing apps - Removed entryComponents (no longer necessary) - View Engine completely removed, Ivy only - Verified production build works successfully - Build now uses single bundle format (no more ES5/ES2015 differential loading) Co-Authored-By: Kevin Tang <[email protected]>
- Upgraded @angular/core and @angular/cli to version 14 - Removed 'defaultProject' option from workspace configuration - Removed 'showCircularDependencies' option from builders - Replaced 'defaultCollection' with 'schematicCollections' - Updated Angular packages version prefix from '~' to '^' - Updated TypeScript compilation target to 'ES2020' - Updated pathMatch property of Routes to strict union type - Forms model classes now accept type parameters (opted out for backwards compatibility) - Verified production build works successfully Co-Authored-By: Kevin Tang <[email protected]>
- Upgraded @angular/core and @angular/cli to version 15 - Updated TypeScript to version 4.9.5 - Removed no longer needed require calls in Karma builder main file - Updated TypeScript compiler target to ES2022 and set useDefineForClassFields - Removed deprecated relativeLinkResolution from Router config - Replaced RouterLinkWithHref with RouterLink - Verified production build works successfully Co-Authored-By: Kevin Tang <[email protected]>
- Upgraded @angular/core and @angular/cli to version 16 - Upgraded zone.js to version 0.13.3 (from 0.11.8) - Removed 'defaultProject' option from workspace configuration - Replaced 'defaultCollection' with 'schematicCollections' - Updated '@angular-devkit/build-angular:server' builder configuration - Removed deprecated guard and resolver interfaces - Removed deprecated moduleId property from @component - Verified production build works successfully Co-Authored-By: Kevin Tang <[email protected]>
- Upgraded @angular/core and @angular/cli to version 17 - Updated TypeScript to version 5.4.5 (from 4.9.5) - Upgraded zone.js to version 0.14.10 (from 0.13.3) - Replaced deprecated options in angular.json - Updated new control flow syntax handling - Updated TransferState imports from @angular/platform-browser to @angular/core - Removed unused CompilerOptions (useJit and missingTranslation) - Updated two-way bindings with invalid expressions - Verified production build works successfully Co-Authored-By: Kevin Tang <[email protected]>
- Upgraded @angular/core and @angular/cli to version 18.2.14 - Final upgrade in the incremental path from Angular 9.0.1 to Angular 18 - Updated two-way bindings with invalid expressions - Replaced deprecated HTTP modules with provider functions - Updated afterRender calls with explicit phase - Added BootstrapContext to bootstrapApplication calls - Skipped optional migration to new application builder - Verified production build works successfully - All incremental upgrades (9→10→11→12→13→14→15→16→17→18) completed Co-Authored-By: Kevin Tang <[email protected]>
Author
🤖 Devin AI EngineerI'll be helping with this pull request! Here's what you should know: ✅ I will automatically:
Note: I can only respond to comments from users who have write access to this repository. ⚙️ Control Options:
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Upgrade Angular from 9.0.1 to 18
Summary
This PR upgrades the Angular application from version 9.0.1 (Feb 2020) to Angular 18.2.14 (Oct 2025) following a strict incremental upgrade path through all major versions: 9→10→11→12→13→14→15→16→17→18.
Key Changes:
@angular/*packages)extractCss,aot), migratedbrowserTarget→buildTargetbrowserslist→.browserslistrc, removed TSLint builder from angular.jsonEach major version upgrade was committed separately for easy rollback if needed. Angular CLI's automated migration schematics handled most breaking changes.
Review & Testing Checklist for Human
npm run buildand verify it completes without errors (it should)Notes